<template>
	<view class="container">
		<uni-nav-bar fixed statusBar backgroundColor="#ff9000" leftWidth="400rpx" :border="false">
			<block slot="left">
				<picker @change="selectShop" :value="currentShopIndex" :range="navBarShopList" range-key="name_text">
					<view class="city">
						<view>
							<text v-if="navBarShopList && navBarShopList.length && navBarShopList.length > 0"
								class="uni-nav-bar-text">
								{{ currentShopIndex > -1 ? navBarShopList[currentShopIndex].name_text :'所有店铺'}}
							</text>
							<text v-else class="uni-nav-bar-text">
								所有店铺
							</text>
						</view>
						<uni-icons type="arrowdown" color="#fff" size="18" />
					</view>
				</picker>
			</block>
			<!-- <block slot="default">
				<view class="user-title  u-flex u-col-center">测试</view>
			</block> -->
		</uni-nav-bar>
		<t-title fixed @selectTab="selectTab"></t-title>
		<t-empty v-if="goodsList.length == 0" tipText="空空如也~"></t-empty>
		<scroll-view class="box-list">
			<view class="card-box" v-for="(item,index) in goodsList" :key="item.id">
				<view class="card-box-head u-flex u-col-center">
					<text class="shop-name">{{item.name}}</text>
					<view class="order-status-box">
						<text class="order-status">{{item.is_show == '1' ? '已审核' : '未审核'}}</text>
						<block v-if="item.is_show == '1'">
							<text v-if="item.status == '-1'" class="order-status">手动结束</text>
							<text v-else-if="item.status == '-2'" class="order-status">平台下架</text>
							<text v-else-if="item.status == '0'" class="order-status">未开启</text>
							<!-- <text v-else-if="item.status == '1'" class="order-status">已开启</text> -->
							<block v-else>
								<text
									class="order-status">{{nowDate < item.start_time ? '未开始' : (nowDate > item.end_time ? '已结束' : '进行中')}}</text>
							</block>
						</block>
					</view>
				</view>
				<view class="card-box-body card-box-body-cloumn">
					<view class="left-img">
						<image mode="aspectFill" :src="$IMG_URL+item.goods_image"></image>
					</view>
					<view class="t-flex-col right-info">
						<view class="t-flex right-info-box right-info-type">
							<view class="right-info-box-icon">
								<image mode="aspectFill"
									:src="$IMG_URL + (item.wm_type == 1 ? '/imgs/freelunch/mt-icon.png' : item.wm_type == 2 ? '/imgs/freelunch/elm-icon.png' : '/imgs/freelunch/jd-icon.png')">
								</image>
							</view>
							<view class="right-info-box-num">
								名额<text>{{item.stock}}</text>/{{item.total}}
							</view>
							<view class="right-info-dec">满{{item.normal_rich_fee}}返{{item.normal_rich_desc}}</view>
						</view>
						<view class="t-flex right-info-box right-info-type">
							<view class="right-info-box-icon">
								<uni-icons style="margin-right: 10rpx;" type="calendar" size="22">
								</uni-icons>
							</view>
							<view class="right-info-box-dec">
								{{$util.date("Y/m/d",item.start_time)}}~{{$util.date("Y/m/d",item.end_time)}}
								<text class="date-status" v-if="item.is_pay == '0'">
									未支付
								</text>
								<block v-else>
									<text v-if="item.status == '1'" class="date-status">
										{{nowDate < item.start_time ? '(未开始)' : (nowDate > item.end_time ? '(已结束)' : '(进行中)')}}
									</text>
								</block>
							</view>
						</view>
						<view class="t-flex right-info-box right-info-type">
							<view class="right-info-box-icon">
								<uni-icons style="margin-right: 10rpx;" type="notification" size="22">
								</uni-icons>
							</view>
							<view class="right-info-box-dec">{{item.start_end_time_text}}</view>
						</view>
					</view>
				</view>
				<view class="t-flex card-box-footer u-flex u-col-center">
					<view class="t-flex footer-status">
						<view @tap.stop="jump('/pages/order/order-list?status=1&id='+item.id)"
							class="footer-status-view">
							待上传<text class="footer-status-text">{{item.status1}}</text>
						</view>
						<view @tap.stop="jump('/pages/order/order-list?status=2&id='+item.id)"
							class="footer-status-view">
							待审核<text class="footer-status-text">{{item.status2}}</text>
						</view>
						<view @tap.stop="jump('/pages/order/order-list?status=3&id='+item.id)"
							class="footer-status-view">
							已完成<text class="footer-status-text">{{item.status3}}</text>
						</view>
					</view>
					<view class="t-flex footer-btn">
						<text v-show="item.is_pay == '1' ? true : false" class="footer-btn-success">已支付</text>
						<button @tap.stop="showPopSettle(item)" class="footer-btn-edit">修改</button>
						<block v-if="selectId && selectId > 0">
							<text v-show="item.is_pay == '0' ? true : false" class="footer-btn-success">未支付</text>
						</block>
						<block v-else>
							<button v-show="item.is_pay == '0' ? true : false" class="footer-btn-pay"
								@tap.stop="showPop(item,index)">支付</button>
						</block>
					</view>
				</view>
			</view>
		</scroll-view>
		<view class="pop-box pop-box-pay">
			<!-- 登陆弹窗 -->
			<uni-popup ref="login" background-color="#fff" @change="change" :is-mask-click="false">
				<t-pop-login @cance="canceLogin" @close="canceLogin" @confirm="confirmLogin"></t-pop-login>
			</uni-popup>
		</view>
		<view class="pop-box pop-box-pay">
			<!-- 支付弹窗 -->
			<uni-popup ref="popup" background-color="#fff" @change="change" :is-mask-click="false">
				<t-pop title="费用详情" canceText="明细" confirmText="支付" :tip="tip" :body="popData"
					:extend="{index:currentListIndex}" @cance="goOrderList(goods)" @confirm="confirm()"
					@close="cance()"></t-pop>
			</uni-popup>
		</view>
		<view class="pop-box pop-box-settle">
			<!-- 结算弹窗 -->
			<uni-popup ref="settle" background-color="#fff" @change="change" :is-mask-click="false">
				<t-pop title="截止当前费用明细" confirmText="结算并修改" :tip="tipSettle" @close="canceSettle" @cance="canceSettle"
					@confirm="confirmSettle">
					<block slot="body">
						<view class="popup-content-body">
							<view class="popup-content-body-item" style="border-bottom: 1px solid #eee;">
								<view class="popup-content-body-item-child font-24 t-flex-row"
									style="justify-content: flex-start;">
									<image v-if="goods" mode="aspectFill"
										style="width: 42rpx;height: 42rpx; margin-right: 10rpx;"
										:src="$IMG_URL + (goods.wm_type == 1 ? '/imgs/freelunch/mt-icon.png' : item.wm_type == 2 ? '/imgs/freelunch/elm-icon.png' : '/imgs/freelunch/jd-icon.png')">
									</image>
									{{goods.wm_type == 1 ? '美团平台' : item.wm_type == 2 ? '饿了么平台' : '京东平台'}}
								</view>
								<view class="popup-content-body-item-child font-28">
									<view>已完成活动<text
											class="popup-content-body-item-child-text">{{popDataSettle.successNum}}</text>名
									</view>
									<view>-{{popDataSettle.successMoney}}元</view>
								</view>
								<view class="popup-content-body-item-child font-28">
									<view>已报名未完成活动<text
											class="popup-content-body-item-child-text">{{popDataSettle.runNum}}</text>名
									</view>
									<view>-{{popDataSettle.runMoney}}元</view>
								</view>
								<view class="popup-content-body-item-child font-28">
									<view>活动余额<text
											class="popup-content-body-item-child-text">{{popDataSettle.surNum}}</text>名
									</view>
									<view>{{popDataSettle.surMoney}}元</view>
								</view>
							</view>
							<view v-if="goods" class="popup-content-body-item">
								<block v-if="goods.is_pay == '0'">
									<!-- <view class="popup-content-body-item-child font-24">支付状态</view> -->
									<view class="popup-content-body-item-child font-28">
										<view>支付状态</view>
										<view>未支付</view>
									</view>
								</block>
								<block v-else>
									<view class="popup-content-body-item-child font-24">结算信息</view>
									<view class="popup-content-body-item-child font-28">
										<view>持续冻结金额</view>
										<view>-{{popDataSettle.freezeMoney}}元</view>
									</view>
									<view class="popup-content-body-item-child font-28">
										<view>解冻金额</view>
										<view>{{popDataSettle.freezeBackMoney}}元</view>
									</view>
								</block>
							</view>
						</view>
					</block>
				</t-pop>
			</uni-popup>
		</view>
		<block v-if="selectId && selectId > 0">
			<t-menu></t-menu>
		</block>
	</view>
</template>

<script>
	import {
		mapMutations,
		mapActions,
		mapState,
		mapGetters
	} from 'vuex';
	export default {
		data() {
			return {
				requestIng: false,
				goodsList: [],
				page: 1,
				currentStatus: 0,
				currentListIndex: -1,
				tip: '扣除余额会进入冻结，用户完成后会从冻结部分扣除活动返现金额；在活动结束后且报名均已上传凭证后，剩余金额会返还至余额账户',
				tipSettle: '解冻金额会自动返回余额中',
				goods: null,
				getShopList: false,
				nowDate: Date.parse(new Date()) / 1000,
				loginEnd: uni.getStorageSync("isLogin") || false,
			}
		},
		computed: {
			...mapGetters(['shopList', 'userInfo', 'navBarShopList', 'currentShopIndex', 'isLogin']),
			loginIng() {
				if (this.isLogin == true) {
					console.log('loginIng.yes')
					this.loginEnd = true;
				}
			},
			status() {
				return 1;
				// console.log('status',this.navBarShopList)
				/* if (this.isLogin == true) {
					console.log('status.yes')
					// this.getGoodsList(1)
					this.getShopList = true;
				} */
				// return this.getShopList;
				// console.log('status', this.currentShopIndex, this.navBarShopList)
				/* if (this.currentShopIndex && this.currentShopIndex > -1 && this.navBarShopList && this.navBarShopList
					?.length > 0) {
					console.log('status.yes')
					this.getGoodsList(1)
				}
				return this.currentStatus; */
			},
			popData() {
				let popData = [{
						title: '饿了么平台',
						child: ['15*20名', '300元'],
						child2: ['手续费', '0元']
					},
					{
						title: '待支付',
						child: ['余额支付', '360元']
					},
				]
				let goods = this.goods
				if (goods != null) {
					let totalNum = goods.is_settle == 1 ? parseInt(goods.total) - parseInt(goods.stock) : parseInt(goods
						.total);
					if (goods.wm_type == 1) {
						popData[0].title = '美团平台';
					} else if (goods.wm_type == 2) {
						popData[0].title = '饿了么平台';
					} else if (goods.wm_type == 3) {
						popData[0].title = '京东平台';
					} else {
						popData[0].title = '未知平台';
					}
					popData[0].child[0] = `${goods.normal_rich_desc}*${totalNum}名`
					let goodsTotalMoney = parseFloat((goods.normal_rich_desc) * totalNum).toFixed(2)
					let proMoney = parseFloat(parseFloat(this.userInfo.unit_price) * parseInt(totalNum)).toFixed(2)
					let totalMoney = parseFloat((parseFloat(this.userInfo.unit_price) + parseFloat(goods
						.normal_rich_desc)) * totalNum).toFixed(2)

					popData[0].child[1] = goodsTotalMoney + '元'
					popData[0].child2[1] = proMoney + '元'
					popData[1].child[1] = totalMoney + '元'
				}
				return popData
			},
			popDataSettle() {
				let goods = this.goods
				let data = {};
				if (goods != null) {
					let status1 = parseInt(goods.status1);
					let status2 = parseInt(goods.status2);
					let status3 = parseInt(goods.status3);
					let stock = parseInt(goods.stock);
					let normal_rich_desc = parseFloat(goods.normal_rich_desc);
					let process_money = parseFloat(goods.process_money);
					data = {
						successNum: status3,
						successMoney: parseFloat(status3 * (normal_rich_desc + process_money)).toFixed(2),
						runNum: status1 + status2,
						runMoney: parseFloat((status1 + status2) * (normal_rich_desc + process_money)).toFixed(2),
						surNum: stock,
						surMoney: parseFloat(stock * (normal_rich_desc + process_money)).toFixed(2)
					};
					data.freezeMoney = data.runMoney
					data.freezeBackMoney = data.surMoney
				}
				return data;
			},
			authUserInfo: {
				get() {
					let auth = true;
					if (!uni.getStorageSync('authUserInfo')) {
						auth = false;
						// this.$refs.login.open('center');
					}
					return auth;
				},
				set() {

				}
			}
		},
		watch: {
			currentStatus(newVal, oldVal) {
				this.getGoodsList(1)
			},
			loginEnd(newVal, oldVal) {
				if (newVal == true && oldVal == false) {
					console.log('watch-loginEnd')
					this.getGoodsList(1)
				}
			},
			/* authUserInfo(newVal, oldVal) {
				if (newVal == false) this.$refs.login.open('center');
				else this.$refs.login.close()
			} */

		},
		onLoad(e) {
			// this.init()
			/* console.log('onLoad',this.currentShopIndex,this.shopList)
			if(this.currentShopIndex == -1) this.$store.commit('currentShopIndex', 0)
			this.$store.dispatch('getOrderVerifyNum'); */
		},
		onShow(e) {
			// if (e?.ref && e.ref == 1) this.init();
			if (this.loginEnd) this.init();
			setTimeout(() => {
				//if (!uni.getStorageSync('authUserInfo')) this.$refs.login.open('center');
			}, 500)
		},
		onHide() {
			this.cance()
			this.canceSettle()
			this.canceLogin()
		},
		methods: {
			jump(url) {
				this.$util.jump(url)
			},
			selectShop(e) {
				this.$store.commit('currentShopIndex', e.detail.value)
				this.getGoodsList(1)
			},
			async init() {
				console.log('async init')
				let that = this;
				// this.currentStatus = 0;
				that.getGoodsList(1)
			},
			selectTab(index) {
				this.currentStatus = index
			},
			async getGoodsList(page) {
				let that = this;
				let requestData = {
					page: page ? page : that.page,
					status: that.currentStatus,
					// shop_id: that.navBarShopList[that.currentShopIndex]?.id
					shop_id: uni.getStorageSync('selectedShopId') ? uni.getStorageSync('selectedShopId') : 0
				};
				that.page = requestData.page
				that.$util.loading('加载中');
				return new Promise((resolve, reject) => {
					that.$http('goods.list', requestData).then(async res => {
							console.log('商品列表', res)
							that.requestIng = false
							uni.hideLoading()
							if (res.code === 1) {
								if (requestData.page == 1) {
									that.goodsList = res.data
								} else {
									that.goodsList = that.goodsList.concat(res.data)
								}
								if (res.data?.length > 0) {
									console.log('页码增加')
									that.page = requestData.page + 1
								}
								resolve(true);
							}
							if (res.code == 0) {
								resolve(false);
							}
						})
						.catch(async err => {
							that.requestIng = false
							uni.hideLoading()
							resolve(false);
						})
				});
			},
			/* async getGoodsList() {
				console.log('getGoodsList')
				let that = this;
				let requestData = {
					page: that.page,
					shop_id: that.navBarShopList[that.currentShopIndex]?.id
				};
				!that.requestIng && ((that.$util.loading('加载中'), that.requestIng = true),
					that.$http('goods.list', requestData).then(res => {
						console.log('添加商品返回值')
						that.requestIng = false
						uni.hideLoading()
						if (res.code === 1) {
							// that.goods = res.data;
							// that.showPop();
							resolve(res.data);
						}
						if (res.code == 0) {
							resolve(false);
							// that.$util.msg(res.msg || '提交失败');
						}
					})
					.catch(err => {
						that.requestIng = false
						uni.hideLoading()
					}))
			} ,*/
			showPop(goods, index) {
				this.goods = goods;
				this.currentListIndex = index;
				this.canceSettle()
				this.$refs.popup.open('center')
			},
			cance() {
				console.log('hidepop')
				this.$refs.popup.close()
			},
			showPopSettle(goods) {
				let that = this;
				that.goods = goods
				that.cance();
				//已结束的活动，直接跳转，不再弹出结算框
				if (that.goods.is_settle == '1' ||
					that.goods.status == '-1' ||
					that.goods.status == '-2' ||
					that.nowDate > that.goods.end_time ||
					(that.goods.is_show == 0 && that.goods.is_pay == 0)
				) {
					//跳转商品发布页
					return that.$util.jump('/pages/goods/goods?id=' + that.goods.id, 'reLaunch');
				} else {
					this.$refs.settle.open('center')
				}
			},
			canceSettle() {
				console.log('hidepop')
				this.$refs.settle.close()
			},
			canceLogin() {
				console.log('hidepop')
				this.$refs.login.close()
			},
			confirmLogin() {
				this.$refs.login.close()
			},
			change(e) {
				console.log('当前模式：' + e.type + ',状态：' + e.show);
			},
			goOrderList(goods) {
				let that = this;
				that.$util.jump('/pages/goods/goods-pay?id=' + goods.id);
			},
			confirm(e) {
				console.log('confirm-goods', e)
				let that = this;
				!that.requestIng && ((that.$util.loading('发布中'), that.requestIng = true),
					that.$http('goods.pay', {
						id: that.goods.id
					}).then(res => {
						console.log('余额支付返回值', res)
						that.requestIng = false
						uni.hideLoading()
						if (res.code == 1) {
							that.$util.msg(res.msg || '支付成功');
							that.goodsList[that.currentListIndex].is_pay = 1;
							that.goodsList[that.currentListIndex].is_show = 1;
							setTimeout(() => {
								that.$store.dispatch('getUserInfo');
								that.cance();
								//刷新页面数据
								// that.init()
							}, 1000)
						} else if (res.code == -1) {
							that.$util.msg(res.msg || '余额不足');
							setTimeout(() => {
								that.$util.jump('/pages/user/wallet/recharge')
							}, 1000)
						} else if (res.code == 2) {
							//在线支付
							let data = res.data;
							uni.requestPayment({
								provider: 'wxpay',
								timeStamp: data.timeStamp,
								nonceStr: data.nonceStr,
								package: data.package,
								signType: data.signType,
								paySign: data.paySign,
								success: res => {
									console.log('支付成功', res)
									that.$util.msg(res.msg || '支付成功');
									that.goodsList[that.currentListIndex].is_pay = 1;
									that.goodsList[that.currentListIndex].is_show = 1;
									setTimeout(() => {
										that.cance();
									}, 1000)
								},
								fail: function(err) {
									console.log('fail:', err);
									if (err.errMsg == 'requestPayment:fail cancel') {
										//取消支付
										that.$util.msg('取消支付');
									} else {
										that.$util.msg('支付失败');
									}
								}
							})
						} else {
							that.$util.msg(res.msg || '提交失败');
						}

					})
					.catch(err => {
						that.requestIng = false
						uni.hideLoading()
					}))
			},
			confirmSettle() {
				console.log('confirmSettle')
				let that = this;

				!that.requestIng && ((that.$util.loading('结算中'), that.requestIng = true),
					that.$http('goods.settle', {
						id: that.goods.id
					}).then(res => {
						console.log('结算返回值', res)
						that.requestIng = false;
						uni.hideLoading();
						if (res.code == 1) {
							that.$util.msg('结算完成');
							setTimeout(() => {
								that.$store.dispatch('getUserInfo');
								that.$util.jump('/pages/goods/goods?id=' + that.goods.id, 'reLaunch')
							}, 1000)
						} else {
							that.$util.msg(res.msg || '结算失败');
						}
					})
					.catch(err => {
						that.requestIng = false
						uni.hideLoading()
					}))
			},
		},
		onPullDownRefresh() {
			console.log('onPullDownRefresh')
			this.init()
			setTimeout(function() {
				uni.stopPullDownRefresh()
				console.log('stopPullDownRefresh')
			}, 1000)
		},
		/**
		 * 上拉加载
		 */
		onReachBottom() {
			console.log('onReachBottom');
			!this.requestIng && (this.requestIng = true, this.getGoodsList(this.page))
		},

		onPageScroll() {
			// console.log('onPageScroll')
		}
	}
</script>

<style lang="scss">
	@import '../../common/style/city.css';

	.t-flex {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.t-flex-col {
		@extend .t-flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}

	.container {
		.box-list {
			margin: 130rpx 0 0;
		}

		.card-box {
			width: 94%;
			min-height: 100rpx;
			margin: 30rpx 3%;
			padding: 30rpx 0;
			background: #FFF;
			background-size: 100% 100%;
			box-shadow: 0px 7rpx 11rpx 2rpx rgba(213, 175, 97, 0.34);
			border-radius: 30rpx;
			overflow: hidden;
			position: relative;
			// z-index: 810;


			&-head,
			.card-box-footer {
				color: #000;
				font-size: 30rpx;
				display: flex;
				justify-content: space-between;
				width: 94%;
				margin-left: 3%;
				height: 50rpx;
				align-items: center;
			}

			.shop-name,
			.order-status {
				font-size: 30rpx;
				font-weight: 700;
			}

			.order-status-box {
				.order-status {
					color: #ff9000;
					margin-left: 10rpx;
				}
			}


			&-body {
				width: 94%;
				margin: 30rpx 3%;
				display: flex;
				align-items: center;

				.left-img {
					width: 140rpx;
					height: 140rpx;
					border-radius: 20rpx;
					margin-right: 20rpx;
				}

				.right-info {
					font-size: 26rpx;
					color: #999;

					&-box {
						justify-content: flex-start;

						&-icon {
							@extend .t-flex;
							justify-content: center;
							height: 60rpx;
							width: 60rpx;
							margin-right: 10rpx;

							image {
								// width: 38rpx;
								width: 42rpx;
								height: 42rpx;
							}
						}

						&-dec {
							.date-status {
								padding-left: 10rpx;
								color: #ff9000;
							}
						}

						.right-info-box-num {
							font-size: 28rpx;
							color: #333;
							font-weight: 600;
							margin-right: 10rpx;

							text {
								color: #FF9000;
							}
						}

						.right-info-dec {
							color: #666;
						}
					}
				}
			}

			.card-box-footer {
				font-size: 28rpx;
				color: #666;

				.footer-status {
					.footer-status-view {
						@extend .t-flex;
						justify-content: flex-start;
						margin-right: 10rpx;

						.footer-status-text {
							color: #ff9000;
							padding-left: 4rpx;
						}
					}
				}

				.footer-btn {
					button {
						height: 60rp;
						min-width: 140rpx;
						margin: 0 5rpx;
						border: none;
						background: #ff9000;
						border-radius: 80rpx;
						color: #fff;
						font-size: 26rpx;
					}

					.footer-btn-edit {
						background: #fff;
						border: 1px solid #ff9000;
						color: #ff9000;
					}

					.footer-btn-success {
						color: #ff9000;
						font-size: 30rpx;
						font-weight: 700;
						padding-right: 10rpx;
					}
				}
			}
		}
	}

	.pop-box-settle {
		.pop-flex-s {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

		.pop-flex-c {
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		/* .uni-popup__wrapper {
			border-radius: 10px;
		} */


		.popup-content {
			@extend .pop-flex-c;
			width: 90vw;
			border-radius: 50px;

			// padding: 20rpx 2vw;
			.popup-content-title,
			.popup-content-body {
				padding: 0 30rpx;
			}

			.popup-content-title {
				@extend .pop-flex-c;
				margin: 20rpx 0;

				.popup-content-title-tt {
					display: flex;
					justify-content: center;
					font-size: 40rpx;
					font-weight: 700;
					color: #222;
				}

				.popup-content-title-tip {
					color: #ff9000;
					font-size: 20rpx;
					margin-top: 20rpx;
				}
			}

			.popup-content-body {
				@extend .pop-flex-c;
				margin: 20rpx 0 30rpx;

				.popup-content-body-item {
					@extend .pop-flex-c;

					.popup-content-body-item-child {
						@extend .pop-flex-s;
						height: 60rpx;

						&-text {
							color: red;
							padding: 0 10rpx;
						}
					}
				}
			}

			.popup-content-footer {
				@extend .pop-flex-s;
				border-top: 1px solid #ff9000;
				height: 80rpx;

				.popup-content-footer-item {
					@extend .pop-flex-s;
					justify-content: center;
					flex: 1;
					height: 100%;
				}

				.popup-content-footer-cance {}

				.popup-content-footer-confirm {
					background: #ff9000;
					color: #fff;
					border-radius: 0 0 10px 0;
				}
			}
		}

		.font-24 {
			font-size: 24rpx;
			color: #666;
		}

		.font-28 {
			font-size: 28rpx;
			color: #222;
			font-weight: 600;
		}
	}

	image {
		width: 140rpx;
		height: 140rpx;
		border-radius: 10px;
	}

	.uni-popup__wrapper {
		border-radius: 10px;
	}
</style>
